<template>
  <div>
    <div>
      <!-- v-model绑定到 reactive 中的 input 属性 -->
      <el-input v-model="data.input" style="width: 240px" placeholder="请输入" :prefix-icon="Search" /> {{data.input}}
      <el-input style="width: 200px" :suffix-icon ="Calendar"></el-input>
    </div>
  </div>
</template>
<script setup>
// 引入 Vue 的 reactive 函数，用于创建响应式数据
import {reactive} from "vue";
import {Search, Calendar} from "@element-plus/icons-vue";
const data = reactive({
  input: null,
})
</script>wxd589958/vue-front-end-development